<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <script>
        function change() {
            var num = document.getElementById("range");
            var location = document.getElementById("show");
            location.value = num.value;
        }
    </script>
</head>

<body>
    <form> 请输入网址：<input type="url"> <br> 请输入数值：
        <input min="1" max="30" id="range" οninput="change()" type="range">
        <input id="show" type="number"> <input value="提交" type="submit"> </form>
</body>

</html>